<!--
/**
 * @author：张浩东
 * @Phone：15096207164
 * @QQ：1367048164
 * @E-mail：1367048164@qq.com
 * @date:2020-06-19 16:33
 */
-->

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>证书添加</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/jfmgr/step.css" media="all">

<!--    <style>-->
<!--        .add::before{-->
<!--            content: '';-->
<!--            position: absolute;-->
<!--            left: 42%;-->
<!--            top: 43%;-->
<!--            width: 80px;-->
<!--            margin-left: -40px;-->
<!--            margin-top: -5px;-->
<!--            border-top: 3px solid;-->
<!--            color: #000000;-->
<!--        }-->
<!--        .add::after {-->
<!--            content: '';-->
<!--            position: absolute;-->
<!--            left: 42%;-->
<!--            top: 43%;-->
<!--            height: 80px;-->
<!--            margin-left: -5px;-->
<!--            margin-top: -40px;-->
<!--            border-left: 3px solid;-->
<!--            color: #000000;-->
<!--        }-->
<!--    </style>-->
</head>
<body>

            <div class="layui-card">
                <div class="layui-card-body" style="padding-top: 40px;">
                    <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
                        <div carousel-item >

                            <div>
                                <form class="layui-form" style="margin: 0 auto;max-width: 460px;padding-top: 40px;" id="From1">

                                    <div class="layui-form-item" id="select-div1"></div>

                                    <div class="layui-form-item" id="select-div2"></div>

                                    <div class="layui-form-item" id="select-div3"></div>

                                    <div class="layui-form-item" id="select-div4"></div>

                                    <div class="layui-form-item" id="select-div5"></div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formStep">
                                                &emsp;下一步&emsp;
                                            </button>
                                        </div>
                                    </div>

                                </form>
                            </div>

                            <div>
                                <form class="layui-form" style="margin: 0 auto;max-width: 460px;padding-top: 40px;" id="From2">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">加分项为：</label>
                                        <div class="layui-input-block">
                                            <div class="layui-form-mid layui-word-aux" id="pluscontent"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item" id="dynamic">
                                        <label class="layui-form-label">证书名称：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="certificate_name" id="certificate_name" lay-verify="title" autocomplete="off" placeholder="请输入证书名称" class="layui-input">
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">获奖日期：</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="date" id="date" lay-verify="date" placeholder="请选日期" autocomplete="off" class="layui-input" style="width:350px">
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 动态显示：数值区间 -->
                                    <div class="layui-form-item" id="amount"></div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">证书图片：</label>
                                        <div class="layui-upload">
                                            <div class="add" style="float: left;margin-right:25px;" id="imageUte">
                                                <button type="button"  id="test1" style="heigth:120px;width:120px;color:#FFFFFF;background-color:#FFFFFF;border-width:0px" >
                                                    <!--上传图片-->
                                                    <img class="layui-upload-img " width="120" height="120" id="demo1" name="demo1" onclick="" >
                                                </button>
                                            </div>
                                            <p id="demoText"></p>
                                        </div>
                                    </div>

                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">奖状说明</label>
                                        <div class="layui-input-block">
                                            <textarea placeholder="请输入奖状相关说明。。。" class="layui-textarea" name="certificate_explain" id="certificate_explain" lay-verify="required" ></textarea>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep2" id="notarize">
                                                &emsp;确认&emsp;
                                            </button>
                                        </div>
                                    </div>

                                    <!-- 隐藏域：证书分数 -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="grade" value="" id="grade">
                                    </div>

                                    <!-- 隐藏域：证书图片名字 -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="certificate_image" value="" id="certificate_image" lay-verify="required">
                                    </div>

                                    <!-- 隐藏域：证书详细信息 -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="detailed_information" value="" id="detailed_information">
                                    </div>

                                    <!-- 隐藏域：证书类型子id -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="certificate_type_pid" value="" id="certificate_type_pid">
                                    </div>

                                    <!-- 隐藏域：证书类型父id -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="certificate_type" value="" id="certificate_type">
                                    </div>

                                    <!-- 隐藏域：计算公式 -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="scoreformula" value="" id="scoreformula">
                                    </div>

                                    <!-- 隐藏域：判断 -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="judge" value="0" id="judge">
                                    </div>

                                    <!-- 隐藏域：主类名 -->
                                    <div class="layui-form-item">
                                        <input type="hidden" name="certificate_type_name" value="" id="certificate_type_name">
                                    </div>
                                </form>
                            </div>

                            <div>
                                <div style="text-align: center;margin-top: 90px;" id="RI">


                                    <!--                                    <div style="font-size: 14px;color: #666;margin-top: 20px;">预计</div>-->
                                </div>
                                <div style="text-align: center;margin-top: 50px;">
                                    <button class="layui-btn next" lay-submit lay-filter="formStep3">再来一次</button>
                                    <button class="layui-btn layui-btn-primary">查看记录</button>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>

<script src="../plugins/layui/layui.js"></script>
<script src="../js/jfmgr/addTestimonials.js"></script>
<script src="/webjars/sockjs-client/sockjs.min.js"></script>
<script src="/webjars/stomp-websocket/stomp.min.js"></script>
</body>
</html>